<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-pre指令</title>
  <script src="vue.js"></script>

</head>
<body>
<!--
    v-pre:
        1.跳过其所在的节点的编译过程
        2.可以利用它跳过：没有使用指令语法，没有使用插值语法的节点，加快编译



-->
<div id="root">
  <div v-pre>vue easy</div>
  <div >当前n：{{n}}</div>
<button @click="n++">add</button>

</div>
</body>
<script type="text/javascript">
  new Vue({
    el:'#root',
    data:{
        n:0
    }
  })

</script>
</html>